import './App.css'
import UseCallback from './builtin/UseCallback'
import UseMemo from './builtin/UseMemo'
import UseContext from './builtin/UseContext'
import ForwardRefParent from './builtin/ForwardRef'
import UseReducer from './builtin/UseReducer.tsx'
import ControlledForm from './control-uncontrol/control.tsx'
import UncontrolledForm from './control-uncontrol/uncontrol.tsx'
import TestUseEffect from './hooks/test-use-effect.tsx'

function App() {
  return (
    <>
      <UseMemo />
      <UseCallback />
      <UseContext />
      <ForwardRefParent />
      <UseReducer />
      <div style={{ border: '1px solid blue', marginTop: '1rem' }}>
        <ControlledForm />
      </div>
      <div style={{ border: '1px solid blue', marginTop: '1rem' }}>
        <UncontrolledForm />
      </div>
      <TestUseEffect />
    </>
  )
}

export default App
